<template>
    <!-- 最外层只能有一个组件，不能出现多个 -->
    <!-- 最外层class命名规则 工程-文件路径-文件名  -->
    <div class="demo-basic-index">
        <h3>
            路由学习访问的链接
            <a href="https://www.vuefe.cn/v2/guide/" target="_blank">https://www.vuefe.cn/v2/guide/</a>
        </h3>
        <hr/>
        <!-- demo的容器 -->
        <router-view class="demo-content"></router-view>
    </div>
</template>

<script>
    import Ajax from '@zlst/js/Ajax'
    export default {
      data: function () {
        return {
          value: 'huangbiao'
        }
      }

    }
</script>

<style lang="scss" scoped>
    /***
   scoped ： 表示当前写的样式是针对当前页面的，对其他页面没有影响
   lang="scss": 表示我写的样式代码是针对SASS的，不是less等。强调，属性的值是scss
   ***/
.demo-basic-index{
    hr{
        margin: 15px 0;
    }
    .demo-content{
        margin-top:15px;
    }
}
</style>
